<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<title> ::: 골프인 :::</title>
<link rel="stylesheet" type="text/css" href="../css/common.css">
<script  src="../js/common.js"></script>
<script  src="../js/jquery.js"></script>
<script src="../js/jquery.mobile-1.1.0.js"></script>
</head>

<body>
<section id="club_album_list" data-role="page" class="container">
    <!--top-->
    <header data-role="header" data-position="fixed" data-tap-toggle="false">
        <!--top navi-->
        <nav data-role="navbar" data-theme="a" id="top_gnb">
            <ul>
                <li><a href="../inc/navi.html" data-transition="slide">
                    <span class="ico_navi navi1">icon</span> <span class="navi_txt">Menu</span>
                </a></li>
                <li><a href="../inc/info_booking.html" data-transition="slide">
                    <span class="ico_navi navi2">icon</span> <span class="navi_txt">알림</span>
                    <!--새글이 있을때만 보이는 new 아이콘-->
                    <span class="ico_navi navi3">new icon</span>
                </a></li>
            </ul>
        </nav><!-- // id="top_gnb" 끝  -->
        
        <!--title-->
        <div class="top_title_B">
            <h2>앨범게시판 </h2>
            <!--left  btn-->
            <div class="top_left">
                <a href="#" data-rel="back" data-direction="reverse" class="ico_btn btn10">이전</a>
            </div>
        </div><!-- // class="top_title_B" 끝  -->
    </header><!-- // header  -->
    
    <!--메인 컨텐츠-->
    <section data-role="content"> 
        <!--검색-->
        <div class="search_area ui-grid-a">
            <form action="#" method="#">
                <div data-role="fieldcontain" class="ui-block-a">
                    <select data-shadow="false">
                        <option value="#">전체</option>
                        <option value="#">제목</option>
                        <option value="#">닉네임</option>
                    </select>
                </div>
                
                <div data-role="fieldcontain" class="ui-block-b">
                     <input type="search" placeholder="검색어 입력하세요"  />
                     <div class="ser_btn"><button data-role="none"><span class="ico_navi navi25">icon</span></button></div>
                </div>
            </form>
         </div><!-- // class="search_area" 끝  -->
         
         <!--tab-->
         <div class="tab_menu">
             <ul>
                 <li class="on"><a href="club_album.html" data-transition="slide">최신 게시글</a></li><!--메뉴인식 css style 부분-->
                 <li><a href="club_album_my.html" data-transition="slide">내가 쓴 글</a></li>
             </ul>
             
             <!--btn-->
             <p class="bt"><a href="club_album_write.html" data-role="button" data-inline="true" data-shadow="false" data-theme="c" data-transition="slide" >사진올리기</a></p>
         </div>
         
         <!--list-->
         <ul data-role="listview" data-theme="c" class="club_album_list">
            <!-- 처음 해당목록이 없을시 -->        
            <!--li class="no_list">
                <p>해당 목록이 없습니다.</p>
            </li-->
            
            <!-- 검색 결과 없을시-->       
            <!--li class="no_list">
                <p>입력하신 내용과 일치한 정보가 없습니다.</p>
                <p>단어의 철자가 정확한지 확인해 주세요.</p>
                <p>검색어의 단어 수를 줄이거나, 다른 검색어로 검색해 보세요.</p>
                <p>더 일반적인 검색어로 다시 검색해 보세요.</p>
            </li-->
            
             <li><a href="club_album_view.html" data-transition="slide"> 
                <img src="../images/default_250_180.gif" alt=""/>
                <ul>                    
                    <li class="sub">제목이 노출됩니다. 제목이 노출됩니다. 제목이 노출됩니다. </li>
                    <li class="nickname">잭니클라우스 </li>
                    <li class="con">
                        <p>나이스샷<mark>(0)</mark></p>
                        <p>댓글<mark>(0)</mark></p>
                    </li>
                    <li class="date">2012.03.13 18:30</li>
                </ul>
             </a></li>  
             
             <li><a href="club_album_view.html" data-transition="slide"> 
                <img src="../images/default_250_180.gif" alt=""/>
                <ul>                    
                    <li class="sub">제목이 노출됩니다. 제목이 노출됩니다. 제목이 노출됩니다. </li>
                    <li class="nickname">팡야 </li>
                    <li class="con">
                        <p>나이스샷<mark>(14)</mark></p>
                        <p>댓글<mark>(2)</mark></p>
                    </li>
                    <li class="date">2012.03.13 18:30</li>
                </ul>
             </a></li>  
             
             <li><a href="club_album_view.html" data-transition="slide"> 
                <img src="../images/default_250_180.gif" alt=""/>
                <ul>                    
                    <li class="sub">제목이 노출됩니다. 제목이 노출됩니다. 제목이 노출됩니다. </li>
                    <li class="nickname">타이거우즈 </li>
                    <li class="con">
                        <p>나이스샷<mark>(3)</mark></p>
                        <p>댓글<mark>(21)</mark></p>
                    </li>
                    <li class="date">2012.03.13 18:30</li>
                </ul>
             </a></li> 
         </ul><!-- // class="club_album_list" 끝  -->
         
        <!--btn-->
        <div class="btn_area">
            <div class="btn_more"> 
                <button data-role="none"> <span class="ico_all ico7"><em>+</em></span> 더보기</button>
            </div>
            <div class="btn_top"> <button data-role="none" onclick="GoTop(); return false;">맨위로<span class="ico_all ico8"><em>top</em></span></button></div>
        </div><!-- // class="btn_area" 끝  -->
    </section><!-- // content -->

    <!--bottom-->
    <footer data-role="footer" data-position="fixed" data-theme="d" class="depth_gnb Blue g_type03">
        <nav data-role="navbar" data-grid="c">
            <ul>
                <li><a href="self_club.html" class="icoN4" data-icon="custom" data-transition="slide">동호회 홈 </a></li>
                <li><a href="club_board.html" class="icoN5" data-icon="custom" data-transition="slide">자유게시판 </a></li>
                <li class="on"><a href="club_album.html" class="icoN6" data-icon="custom" data-transition="slide">앨범게시판 </a></li><!--메뉴인식 css style 부분-->
                <li><a href="club_round.html" class="icoN7" data-icon="custom" data-transition="slide">정기라운드 </a></li>
            </ul>
        </nav>        
    </footer><!-- // footer --> 
</section><!-- // page -->
</body>
</html>
